<!--  -->
<template>
  <el-container style="height: 100%">
    <!--左侧栏-->
    <el-aside width="auto">
      <!--左侧栏控件-->
      <common-aside></common-aside>
    </el-aside>
    <!--右侧栏-->
    <el-container>
      <!--header部分-->
      <el-header>
        <!--header部分控件-->
        <common-header></common-header>
      </el-header>
      <!--加入CommonTab-->
      <common-tab></common-tab>
      <el-main>
        <!--左侧栏 和 header部分对于整个后台部分都是不变的，唯一变的就是上面3的部分，这里就通过router-view来展示所需控件-->
        <router-view />
      </el-main>
    </el-container>
  </el-container>
</template>

<script>
import CommonAside from 'components/CommonAside';
import CommonHeader from 'components/CommonHeader';
import CommonTab from 'components/CommonTab';
export default {
  data() {
    return {};
  },

  components: {
    CommonAside,
    CommonHeader,
    CommonTab
  },

  computed: {},

  mounted() {},

  methods: {}
};
</script>

<style lang="scss" scoped></style>
